<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>white-space</title>

        <style type="text/css">
            .wrapper {
                border: 1px solid blue ;
                width: 300px ;
                height: 100px ;
                margin: 15px auto ;
            }

            .first { white-space: normal ; }
            .second { white-space: pre ; }
            .third { white-space: pre-wrap ; }
            .fourth { white-space: pre-line ; }
            .fifth { white-space: nowrap ; }
        </style>

    </head>
    <body>

        <div class="wrapper first">
            The      universal    selector    is   a    special    type    selector, 
            that represents an element of any element type.
        </div>

        <div class="wrapper second">
            The      universal    selector    is   a    special    type    selector, 
            that represents an element of any element type.
        </div>

        <div class="wrapper third">
            The      universal    selector    is   a    special    type    selector, 
            that represents an element of any element type.
        </div>

        <div class="wrapper fourth">
            The      universal    selector    is   a    special    type    selector, 
            that represents an element of any element type.
        </div>

        <div class="wrapper fifth">
            The      universal    selector    is   a    special    type    selector, 
            that represents an element of any element type.
        </div>
        
    </body>
</html>